<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<title>Guidely Demos - MadeByAmp</title>
	
<style type="text/css" media="screen">

	
* { padding: 0; margin: 0; }

body
{
	background: #FFF;
	font: 12px/1.7em arial, sans-serif;
	margin: 35px 50px;
}

a {
	color: #06C;
}

ol {
	width: 175px;
	float: left;
}

.clear {
	clear: both;
}

#bar_container {	
	width: 410px;
	margin-top: 3em;
	float: left;
}

.column {
	width: 160px;
	float: left;
	margin-left: 15px;
}

h3 { text-transform: uppercase; font-size: 12px; color: #777; margin-bottom: 1em; }
h4 { color: #C93; margin-bottom: .5em; }
ol { margin-left: 20px; margin-bottom: 2.5em; }
ol li { font-size: 15px; line-height: 1.7em; }
</style>

<link rel="stylesheet" href="./msgAlert/css/msgAlert.css" type="text/css" media="screen" title="no title" charset="utf-8" />
<link rel="stylesheet" href="./msgGrowl/css/msgGrowl.css" type="text/css" media="screen" title="no title" charset="utf-8" />
<link rel="stylesheet" href="./msgBar/css/msgBar.css" type="text/css" media="screen" title="no title" charset="utf-8" />


<script type="text/javascript" charset="utf-8" src="./msgAlert/js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" charset="utf-8" src="./msgAlert/js/msgAlert.js"></script>
<script type="text/javascript" charset="utf-8" src="./msgGrowl/js/msgGrowl.js"></script>
<script type="text/javascript" charset="utf-8" src="./msgBar/js/msgBar.js"></script>
</head>

<body id="">
	
<img src="./logo.png" />

<br /><br />
	
<div class="column">
	<h3>Guidely Demos</h3>
	
	<ol>
		<li><a href="./website-1" class="">Demo #1</a></li>
		<li><a href="./website-2" class="">Demo #2</a></li>
		<li><a href="./website-3" class="">Demo #3</a></li>
		<li><a href="./positions" class="">Positions</a></li>
	</ol>
</div>



</body>

</html>